<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/css1.css">
</head>
<body>
<header>
    <div class="container">
        <a href="index.html"><img src="images/logo.png" alt=""></a>
    </div>
</header>
<div class="main">
    <div class="container clearfix">
        <div class="left">
            <img src="images/login_pic1.png" alt="">
            </div>
        <div class="right">
            <input type="text" placeholder="手机号/用户名/邮箱" class="denglu">
            <input type="text" placeholder="输入密码" class="mima">
            <a href="" class="a1">登录</a>
            <div class="qqwx">
                <div class="qq"></div><p><a href="">QQ</a></p>
                <div class="wx"></div><p><a href="">微信</a></p>
            </div>
            <div class="zuozuo">
                <div class="zuo">
                    <p><a href="">免费注册</a></p>
                    <p><a href="">忘了密码</a></p>
                </div>
            </div>
        </div>
        </div>
    </div>
<footer>
    <div class="Outside">
        <div class="container">
            <div class="footer-top">
                <div class="col col-11">
                    <h4>购物指南</h4>
                    <ul>
                        <li><a href="">注册/登录</a></li>
                        <li><a href="">密码管理</a></li>
                        <li><a href="">购物流程</a></li>
                        <li><a href="">使用优惠劵</a></li>
                        <li><a href="">使用礼品卡</a></li>
                    </ul>
                </div>
                <div class="col col-2">
                    <h4>进度查询</h4>
                    <ul>
                        <li><a href="">配送服务查询</a></li>
                        <li><a href="">全国配送区域</a></li>
                    </ul>
                </div>
                <div class="col col-3">
                    <h4>售后服务</h4>
                    <ul>
                        <li><a href="">售后服务政策</a></li>
                        <li><a href="">退换货说明</a></li>
                        <li><a href="">安装/维修</a></li>
                        <li><a href="">服务时效</a></li>
                        <li><a href="">服务预约系统</a></li>
                        <li  class="supervise"><a href="">监督服务</a></li>
                    </ul>
                </div>
                <div class="col col-4">
                    <h4>常见问题</h4>
                    <ul>
                        <li><a href="">常见问题说明</a></li>
                        <li><a href="">权利说明</a></li>
                    </ul>
                </div>
                <div class="col col-5">
                    <h4>联系我们</h4>
                    <ul>
                        <li><a href="">联系我们</a></li>
                    </ul>
                </div>
                <div class="col col-6">
                    <h4>支付说明</h4>
                    <ul>
                        <li><a href="">在线支付</a></li>
                        <li><a href="">分期付款</a></li>
                        <li><a href="">退款说明</a></li>
                        <li><a href="">发票问题</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>珠海格力电器股份有限公司 版权所有粤ICP备05006515号</p>
            <p class="p2"><img src="images/footer_04.png" alt=""></p>
        </div>
    </div>
    </div>
</footer>
</body>
</html>